/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied.  See the License for the
* specific language governing permissions and limitations
* under the License.
*/

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('echarts')) :
        typeof define === 'function' && define.amd ? define(['exports', 'echarts'], factory) :
            (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.bmap = {}, global.echarts));
}(this, (function (exports, echarts) {
    'use strict';

    function BMapCoordSys(bmap, api) {
        this._bmap = bmap;
        this.dimensions = ['lng', 'lat'];
        this._mapOffset = [0, 0];
        this._api = api;
        this._projection = new BMap.MercatorProjection();
    }

    BMapCoordSys.prototype.dimensions = ['lng', 'lat'];

    BMapCoordSys.prototype.setZoom = function (zoom) {
        this._zoom = zoom;
    };

    BMapCoordSys.prototype.setCenter = function (center) {
        this._center = this._projection.lngLatToPoint(new BMap.Point(center[0], center[1]));
    };

    BMapCoordSys.prototype.setMapOffset = function (mapOffset) {
        this._mapOffset = mapOffset;
    };

    BMapCoordSys.prototype.getBMap = function () {
        return this._bmap;
    };

    BMapCoordSys.prototype.dataToPoint = function (data) {
        var point = new BMap.Point(data[0], data[1]); // TODO mercator projection is toooooooo slow
        // let mercatorPoint = this._projection.lngLatToPoint(point);
        // let width = this._api.getZr().getWidth();
        // let height = this._api.getZr().getHeight();
        // let divider = Math.pow(2, 18 - 10);
        // return [
        //     Math.round((mercatorPoint.x - this._center.x) / divider + width / 2),
        //     Math.round((this._center.y - mercatorPoint.y) / divider + height / 2)
        // ];

        var px = this._bmap.pointToOverlayPixel(point);

        var mapOffset = this._mapOffset;
        return [px.x - mapOffset[0], px.y - mapOffset[1]];
    };

    BMapCoordSys.prototype.pointToData = function (pt) {
        var mapOffset = this._mapOffset;
        pt = this._bmap.overlayPixelToPoint({
            x: pt[0] + mapOffset[0],
            y: pt[1] + mapOffset[1]
        });
        return [pt.lng, pt.lat];
    };

    BMapCoordSys.prototype.getViewRect = function () {
        var api = this._api;
        return new echarts.graphic.BoundingRect(0, 0, api.getWidth(), api.getHeight());
    };

    BMapCoordSys.prototype.getRoamTransform = function () {
        return echarts.matrix.create();
    };

    BMapCoordSys.prototype.prepareCustoms = function () {
        var rect = this.getViewRect();
        return {
            coordSys: {
                // The name exposed to user is always 'cartesian2d' but not 'grid'.
                type: 'bmap',
                x: rect.x,
                y: rect.y,
                width: rect.width,
                height: rect.height
            },
            api: {
                coord: echarts.util.bind(this.dataToPoint, this),
                size: echarts.util.bind(dataToCoordSize, this)
            }
        };
    };

    function dataToCoordSize(dataSize, dataItem) {
        dataItem = dataItem || [0, 0];
        return echarts.util.map([0, 1], function (dimIdx) {
            var val = dataItem[dimIdx];
            var halfSize = dataSize[dimIdx] / 2;
            var p1 = [];
            var p2 = [];
            p1[dimIdx] = val - halfSize;
            p2[dimIdx] = val + halfSize;
            p1[1 - dimIdx] = p2[1 - dimIdx] = dataItem[1 - dimIdx];
            return Math.abs(this.dataToPoint(p1)[dimIdx] - this.dataToPoint(p2)[dimIdx]);
        }, this);
    }

    var Overlay; // For deciding which dimensions to use when creating list data

    BMapCoordSys.dimensions = BMapCoordSys.prototype.dimensions;

    function createOverlayCtor() {
        function Overlay(root) {
            this._root = root;
        }

        Overlay.prototype = new BMap.Overlay();
        /**
         * 初始化
         *
         * @param {BMap.Map} map
         * @override
         */

        Overlay.prototype.initialize = function (map) {
            map.getPanes().labelPane.appendChild(this._root);
            return this._root;
        };
        /**
         * @override
         */


        Overlay.prototype.draw = function () {
        };

        return Overlay;
    }

    BMapCoordSys.create = function (ecModel, api) {
        var bmapCoordSys;
        var root = api.getDom(); // TODO Dispose

        ecModel.eachComponent('bmap', function (bmapModel) {
            var painter = api.getZr().painter;
            var viewportRoot = painter.getViewportRoot();

            if (typeof BMap === 'undefined') {
                throw new Error('BMap api is not loaded');
            }

            Overlay = Overlay || createOverlayCtor();

            if (bmapCoordSys) {
                throw new Error('Only one bmap component can exist');
            }

            var bmap;

            if (!bmapModel.__bmap) {
                // Not support IE8
                var bmapRoot = root.querySelector('.ec-extension-bmap');

                if (bmapRoot) {
                    // Reset viewport left and top, which will be changed
                    // in moving handler in BMapView
                    viewportRoot.style.left = '0px';
                    viewportRoot.style.top = '0px';
                    root.removeChild(bmapRoot);
                }

                bmapRoot = document.createElement('div');
                bmapRoot.className = 'ec-extension-bmap'; // fix #13424

                bmapRoot.style.cssText = 'position:absolute;width:100%;height:100%';
                root.appendChild(bmapRoot); // initializes bmap

                var mapOptions = bmapModel.get('mapOptions');

                if (mapOptions) {
                    mapOptions = echarts.util.clone(mapOptions); // Not support `mapType`, use `bmap.setMapType(MapType)` instead.

                    delete mapOptions.mapType;
                }

                bmap = bmapModel.__bmap = new BMap.Map(bmapRoot, mapOptions);
                var overlay = new Overlay(viewportRoot);
                bmap.addOverlay(overlay); // Override

                painter.getViewportRootOffset = function () {
                    return {
                        offsetLeft: 0,
                        offsetTop: 0
                    };
                };
            }

            bmap = bmapModel.__bmap; // Set bmap options
            // centerAndZoom before layout and render

            var center = bmapModel.get('center');
            var zoom = bmapModel.get('zoom');

            if (center && zoom) {
                var bmapCenter = bmap.getCenter();
                var bmapZoom = bmap.getZoom();
                var centerOrZoomChanged = bmapModel.centerOrZoomChanged([bmapCenter.lng, bmapCenter.lat], bmapZoom);

                if (centerOrZoomChanged) {
                    var pt = new BMap.Point(center[0], center[1]);
                    bmap.centerAndZoom(pt, zoom);
                }
            }

            bmapCoordSys = new BMapCoordSys(bmap, api);
            bmapCoordSys.setMapOffset(bmapModel.__mapOffset || [0, 0]);
            bmapCoordSys.setZoom(zoom);
            bmapCoordSys.setCenter(center);
            bmapModel.coordinateSystem = bmapCoordSys;
        });
        ecModel.eachSeries(function (seriesModel) {
            if (seriesModel.get('coordinateSystem') === 'bmap') {
                seriesModel.coordinateSystem = bmapCoordSys;
            }
        });
    };

    function v2Equal(a, b) {
        return a && b && a[0] === b[0] && a[1] === b[1];
    }

    echarts.extendComponentModel({
        type: 'bmap',
        getBMap: function () {
            // __bmap is injected when creating BMapCoordSys
            return this.__bmap;
        },
        setCenterAndZoom: function (center, zoom) {
            this.option.center = center;
            this.option.zoom = zoom;
        },
        centerOrZoomChanged: function (center, zoom) {
            var option = this.option;
            return !(v2Equal(center, option.center) && zoom === option.zoom);
        },
        defaultOption: {
            center: [104.114129, 37.550339],
            zoom: 5,
            // 2.0 http://lbsyun.baidu.com/custom/index.htm
            mapStyle: {},
            // 3.0 http://lbsyun.baidu.com/index.php?title=open/custom
            mapStyleV2: {},
            // See https://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a0b1
            mapOptions: {},
            roam: false
        }
    });

    function isEmptyObject(obj) {
        for (var key in obj) {
            if (obj.hasOwnProperty(key)) {
                return false;
            }
        }

        return true;
    }

    echarts.extendComponentView({
        type: 'bmap',
        render: function (bMapModel, ecModel, api) {
            var rendering = true;
            var bmap = bMapModel.getBMap();
            var viewportRoot = api.getZr().painter.getViewportRoot();
            var coordSys = bMapModel.coordinateSystem;

            var moveHandler = function (type, target) {
                if (rendering) {
                    return;
                }

                var offsetEl = viewportRoot.parentNode.parentNode.parentNode;
                var mapOffset = [-parseInt(offsetEl.style.left, 10) || 0, -parseInt(offsetEl.style.top, 10) || 0]; // only update style when map offset changed

                var viewportRootStyle = viewportRoot.style;
                var offsetLeft = mapOffset[0] + 'px';
                var offsetTop = mapOffset[1] + 'px';

                if (viewportRootStyle.left !== offsetLeft) {
                    viewportRootStyle.left = offsetLeft;
                }

                if (viewportRootStyle.top !== offsetTop) {
                    viewportRootStyle.top = offsetTop;
                }

                coordSys.setMapOffset(mapOffset);
                bMapModel.__mapOffset = mapOffset;
                api.dispatchAction({
                    type: 'bmapRoam',
                    animation: {
                        duration: 0
                    }
                });
            };

            function zoomEndHandler() {
                if (rendering) {
                    return;
                }

                api.dispatchAction({
                    type: 'bmapRoam',
                    animation: {
                        duration: 0
                    }
                });
            }

            bmap.removeEventListener('moving', this._oldMoveHandler);
            bmap.removeEventListener('moveend', this._oldMoveHandler);
            bmap.removeEventListener('zoomend', this._oldZoomEndHandler);
            bmap.addEventListener('moving', moveHandler);
            bmap.addEventListener('moveend', moveHandler);
            bmap.addEventListener('zoomend', zoomEndHandler);
            this._oldMoveHandler = moveHandler;
            this._oldZoomEndHandler = zoomEndHandler;
            var roam = bMapModel.get('roam');

            if (roam && roam !== 'scale') {
                bmap.enableDragging();
            } else {
                bmap.disableDragging();
            }

            if (roam && roam !== 'move') {
                bmap.enableScrollWheelZoom();
                bmap.enableDoubleClickZoom();
                bmap.enablePinchToZoom();
            } else {
                bmap.disableScrollWheelZoom();
                bmap.disableDoubleClickZoom();
                bmap.disablePinchToZoom();
            }
            /* map 2.0 */


            var originalStyle = bMapModel.__mapStyle;
            var newMapStyle = bMapModel.get('mapStyle') || {}; // FIXME, Not use JSON methods

            var mapStyleStr = JSON.stringify(newMapStyle);

            if (JSON.stringify(originalStyle) !== mapStyleStr) {
                // FIXME May have blank tile when dragging if setMapStyle
                if (!isEmptyObject(newMapStyle)) {
                    bmap.setMapStyle(echarts.util.clone(newMapStyle));
                }

                bMapModel.__mapStyle = JSON.parse(mapStyleStr);
            }
            /* map 3.0 */


            var originalStyle2 = bMapModel.__mapStyle2;
            var newMapStyle2 = bMapModel.get('mapStyleV2') || {}; // FIXME, Not use JSON methods

            var mapStyleStr2 = JSON.stringify(newMapStyle2);

            if (JSON.stringify(originalStyle2) !== mapStyleStr2) {
                // FIXME May have blank tile when dragging if setMapStyle
                if (!isEmptyObject(newMapStyle2)) {
                    bmap.setMapStyleV2(echarts.util.clone(newMapStyle2));
                }

                bMapModel.__mapStyle2 = JSON.parse(mapStyleStr2);
            }

            rendering = false;
        }
    });

    echarts.registerCoordinateSystem('bmap', BMapCoordSys); // Action

    echarts.registerAction({
        type: 'bmapRoam',
        event: 'bmapRoam',
        update: 'updateLayout'
    }, function (payload, ecModel) {
        ecModel.eachComponent('bmap', function (bMapModel) {
            var bmap = bMapModel.getBMap();
            var center = bmap.getCenter();
            bMapModel.setCenterAndZoom([center.lng, center.lat], bmap.getZoom());
        });
    });
    var version = '1.0.0';

    exports.version = version;

    Object.defineProperty(exports, '__esModule', {value: true});

})));
